@font-face {
    font-family: MyriadPro-Cond;
    src: url("../tipo_grafias/MyriadPro-Cond.otf");

  }
  @font-face {
      font-family:MyriadPro-Ligh ;
      src: url("../tipo_grafias/MyriadPro-Light.otf");
  }
  @font-face {
      font-family:MyriadPro-Regular ;
      src: url("../tipo_grafias/MyriadPro-Regular.otf");
  }
  @font-face {
      font-family: MyriadPro-Bold;
      src: url("../tipo_grafias/MyriadPro-Bold.otf");
  }
  @font-face {
      font-family: MyriadPro-BoldCond;
      src: url("../tipo_grafias/MyriadPro-BoldCond.otf");
  }
  @font-face {
      font-family: MyriadPro-BoldCondIt;
      src: url("../tipo_grafias/MyriadPro-BoldCondIt.otf");
  }
  @font-face {
      font-family: MyriadPro-BoldIt;
      src: url("../tipo_grafias/MyriadPro-BoldIt.otf");
  }

*, body{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.root{
    overflow: hidden;
}

.t_header{
    width: 100%;
    height: 100px;
    position: fixed;
    z-index: 100;
    background-color: #ffffff;
    
}
.t_espacio{
    height: 100px;
}
.t_logo{
    position: relative;
    margin-left: 30px;
    width: 210px;
    top: -10px;
}
.t_logo_menu{
    display: none;
}
.t_logo video{
width: 92%;

}

.t_contact{
    display: flex ;
}
.t_comunicaciones{
    position: absolute;
    display: flex;
    top: 30px;
    right: 0px;
    font-family: MyriadPro-Ligh;


}
.t_user{
    font-family: MyriadPro-Ligh;
    position: relative;
    color: #124376;
    right: 10px;
    top: -5px;
}
.t_user a{
    text-decoration: none;
    color: #124376;
    margin-right: 10px;
    cursor: pointer;
}
.t_redes{
    color:#124376;
    position: relative;
    top: -10px;
}
.t_redes img{
    width: 26px;
    height: 26px;
}
.t_redes_menu{
    display: none;
}
.icon{
    margin-left: 5px;
    margin-right:5px ;
}
.t_buscar{
    margin-left: 60px;
    margin-right: 3px;
    position: relative;
    left: -40px;
}
.lupa{
    color:#124376;
    position: relative;
    top:-7px;
    cursor: pointer;
}
.buscador_input{
    position: relative;
    top: -7px;
    border: #00ACB9 solid 1px;
    border-radius: 10px;
    color: #0085C8;
    width: 0;
}
.buscar_active{
    width: 150px;
}
.t_buscar a{
    text-decoration: none;
   
    border-style: solid;
    border-color:#124376 ;
    border-radius: 10px;
    border-width: 2px;
    padding: 5px;
    font-size: 1rem;
    font-family: sans-serif;
    width: 50px;
    font-weight: bold;
    
}
.title{
    position:absolute;
    color:#fff;
    font-family: MyriadPro-Ligh;
    font-size: 1.2rem;
    font-weight: bolder;
    top:14px;
    left: 35px;
}

/*menu*/
.t_menu{
    position: relative;
    top: -45px;
    height: 20px;
    
}


.t_menu_respot{
    display: none;
}
#header {
    position:absolute;
    z-index: 1000;
    display: flex;
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    right: 0px;
    top: -5px;
    align-items: center;
}
.toggle {
    display: none;
  }

ul, ol {
    list-style:none;
}

.nav > li {
    float:left;
}

.nav li a {
    
    color:#124376;

    text-decoration:none;
    padding:10px 12px;
    display:block;
    transition: 1.5s
}

.color{
    /*background-color:rgba(230, 230, 230, 0.8);*/
    background-color: #fff;
    width: 115px;
    font-size: .8rem;

    
}
#tem_c{
    color:#0C4D83;
    font-weight: bold;
    font-family: MyriadPro-Ligh;
    font-size: .8rem;
    text-align: center;
    height: 36px;
}
.redondeado{
    border-radius: 0px 0px 5px 5px;

}
.item{
    background: color 0;
}

.nav li a:hover {
    background-color:#e1ffff;
    
}

.nav li ul {
    display:none;

    min-width:140px;
}

.nav li:hover > ul {
    display:flex;
}

.nav li  {
    position:relative;
    max-width: 140px;
}

.nav li ul li ul {
   
}
.sub_menu{
    left: -115px;
    position: absolute;
}
.sub_menu li{
    position: relative;
}

.sub_menu2{
    width: 950px;
    height: 262px;
    background-color: #ffffff;
    right:-230px;
    top:36px;
    position:absolute;
}
.sub_menu2 li{
    margin-left: 40px;
    margin-right: 40px;
    margin-top: auto;
    margin-bottom: auto;
}
#unico{
    margin: auto;
}
.menu_head{
    display: flex;
    position: absolute;
     margin-top: 5px;
     align-items: center;
     flex-direction: row;
}
.m_title{
    margin-left: 50px;
    margin-right: 50px;
    font-size: .7rem;
    letter-spacing: .5em;
    width: 26%;
    color: #00ACB9;
   

}
.liena_color{
    height: 2px;;
    background-color: #00ACB9;
    width: 295px;
    margin-left: 10px;
    margin-right: 10px;

}
.dercha{
    margin-left: 39px;
}
.izquierda{
    margin-right: 39px;
}
#menu3{
    right: -115px;

}
#menu4{
right: 0;
}
/*los productos*/
.m_producto{
    width: 100%;
}
.m_p_img{
    width: 100%;
} 
.m_p_title{
    text-align: center;
}
#tem{
    width: 212px;
    color: #00ACB9;
}



.car{
    margin-left: 5px;
    position: relative;
    left: -44px;
    top: -3px;
}
.h_fondo{
    background-color: none;
    
}
/*comercio electronico */
.e_ecommer{
    position: relative;
    margin-left: 28px;
    /* width: 4%; */
    right: -20px;
    cursor: pointer;
}
.compra{
    display:contents;
    color: #124376;
    text-decoration: none;
    
    font-family: sans-serif;
    width: 4%;
}
.compra img{
    width: 23px;
}
.item-contador{
background-color: #D9483B;
border-radius: 50%;
color: #fff;
left: -22px;
position: absolute;
top: -10px;
font-size: 10px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
overflow: hidden;
}
.bott_espa{
    margin-top: 30px;
    margin-bottom: 50px;
}
.carrito_items{
    position: fixed;
    right: -400px;
    top: 0;
    width: 400px;
    max-width: 80vw;
    height: 100vh;
    background: #fff;
    margin: 0;
    transition: 0.5s;
    z-index: 1000;
    color: #58595b;
    font-family: Gotham SSm A,Gotham SSm B,Raleway,sans-serif!important;
}


.cart-header {
    padding: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    vertical-align: baseline;
    font-weight: 600;
    font-size: 25px;
}
.cart-empty {
    padding: 15px;
    font-size: 20px;
}
cart-list {
    display: flex;
    flex-direction: column;
    z-index: 1000;
    height: 60vh;
    padding-bottom: 8vh;
    max-height: 65vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
@media only screen and (min-height: 650px) and (max-height: 699px){ 

cart-list {
    height: 45vh;
 }
}

.cart-footer {
    padding: 10px;
    border-top: 2px solid #eee;
    text-align: center;
}
#strong {
    font-weight: bold;
}
.p_vs_p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.btn-cart {
    background-color: #1767b3;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    display: inline-block;
    margin: 4px 0;
    text-align: center;
    font-weight: 300;
    cursor: pointer;
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
    border-color: #1767b3;
}

.hide {
    right: 0;
}
.texto{
    display: flex;
    margin-left: 50px;
}
.item.active {
    display: block;
  }
  .t_body{
      position: relative;
      overflow: hidden;
  }
  

 
.t_banner{
    position: relative;
    
}
  .t_banner img{
    width: 100%;
  }
  .t_fon{
      margin-top: 100px;
      width: 100%;
    
  }
  .trabajando_img{

      width: 100%;
  }
  .t_sub_c{
    position: relative;
    margin-top: 100px;
    display: flex;
    justify-content: space-around;
    margin-bottom: 50px;
  }
  .linea{
      
      display: block;
      width:300px;
      align-items: center;
  }
  .p_try{
      position: relative;
      right: -50px;
  }
  .l_head{
      font-family: sans-serif;
      color: #164561;
      font-weight: bolder;
      font-size: 1.7rem;
      text-align: center;
  }
  .poscion_a{
      position: relative;
      left: -44px;
  }
  .poscion_t{
      position: relative;
      right: 50px;
  }
  .l_body{
    position: relative;
  }
  .l_img{
      margin: auto;
  }
  .l_img img{
      width: 100%;
  }
  .aqua{
      position: relative;
      left: -50px;
  }
  .try{
      position: relative;
      right: 50px;
  }
  .contex{
      position: relative;
      left: -130px;
      width: 460px;
      font-family: MyriadPro-Regular;
      font-size: 1.1em;
      text-align: justify;
  }
  .botones{
    display: flex;
    flex-direction: row;
    align-content: stretch;
    align-items: flex-end;
    justify-content: space-around;
    margin-top:20px;
  }
.b_p_acua{
    position: relative;
    left: -50px;
}
.b_p_try{
    position: relative;
    right: 50px;

}

  .pie{
      background-color: #00ACB9;
      position: relative;
      bottom: 0;


  }
  
  .pie_contactos{
      margin-left: 10px;
      width: 175px;
      font-family: MyriadPro-Ligh;
      color: #ffffff;

  }
  .p_c_log{
      border-bottom: #ffffff 3px solid;
      
  }

  .p_c_direc{
      margin-top: 10px;
  }
  .p_c_correo{
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: #ffffff 3px solid;
  }
  .pie_tex{
      font-family: MyriadPro-Ligh;
      color: #ffffff;
      position:absolute;
      bottom: 10px;
      left: 25%; 
  }
  .pie_tex a{
      color: #ffffff;
      text-decoration: none;
  }

  .t_productos{
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;

  }
  .flecha{
      cursor: pointer;
      background-color: #0085C8;
      color: #ffffff;
      width: 50px;
      height: 50px;
      border-radius: 50px;
      justify-content: center;
      display: flex;
      align-items: center;
      position: absolute;
  }
  .left{
      left: 0;
  }
  .right{
      right: 0;
  }
  .carusel{
      display: flex;
      margin-left: 4%;
      width: 100%;
      height: 560px;

  }
  .producto{
      display: block;
      margin: auto;
      height: 480px;
      width: 100%;
      min-width: 250px;
      margin-left: 10px;
      margin-right: 10px;
      max-width: 250px;
      position: relative;
      
      
  }
  .prueva{
    margin-left: -69.5%;

}
  .p_inactive{
      opacity: 0;
      transition:3s;
      
  }
  

  .p_img img{
      width: 100%;
      height: 100%;
  }
  .p_title{
      position: relative;
      top: 15px;
      font-family: MyriadPro-Bold;
      font-size: 1.1rem;
      text-align: center;
      color: #001072;
  }
  
  .p_ficha_tec{
      margin-top: 20px;
      font-family: MyriadPro-Ligh;
      text-align: justify;
      font-size: 1rem;

  }
  .p_boton{
      position: absolute;
      bottom: 0;
      left: 34px;
      width: 52%;
  }
  .p_boton img{
    width: 100%;
  }
  
  #ficha{
    width: 30%;
    position:relative;
    top:-40px;
    z-index: 100;
    right:-100px;
}
  
.carousel{
    width: 90%;
    margin: auto;
    margin-top: 100px;
}
  .carousel__contenedor {
	position: relative;
    
}

.carousel__anterior,
.carousel__siguiente {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	border: none;
	top: calc(50% - 115px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	background: none;
	color: #164561;
	opacity: 50%;
    
}

.carousel__anterior:hover,
.carousel__siguiente:hover {
	opacity: 100%;
}

.carousel__anterior {
	left: -30px;
}

.carousel__siguiente {
	right: -30px;
}

.carousel__lista {
	overflow: hidden;
    left: 1.5%;
}
@media (min-width: 1850px) {
    .carousel__lista {
        left: 4%;
        
    }
}

.carousel__elemento {
	text-align: center;
}

.carousel__indicadores .glider-dot {
	display: block;
	width: 30px;
	height: 4px;
	background:#164561;
	opacity: .2;
	border-radius: 0;
}

.carousel__indicadores .glider-dot:hover {
	opacity: .5;
}

.carousel__indicadores .glider-dot.active {
	opacity: 1;
}
.mayoreo{
    display: flex;
    margin-bottom: 60px;
}
.precentacion{
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.precentacion img{
    

}
.texto_p{
    font-family: MyriadPro-Ligh;
    text-align: center;
    margin-top: 25px;
}
.t_user2{
    display: none;
}
/*Responsiv*/
@media (max-width:1125px){
    .t_comunicaciones{
        top: 20px;
      
    }
    .t_menu{
        top: -42px;
    }
}
@media (max-width:870px){
    .t_menu{
        top: -10px;
        
    }
}
@media screen and (max-width: 800px) {
	

	.contenido-principal {
		flex-direction: column;
	}

	.contenido-principal > * {
		width: 100%;
	}
}
  
  
  


@media (max-width:792px){
    
    .t_header{
        position: inherit;
    width: auto;
    height: auto;
    }
    .t_espacio{
        width: auto;
        height: auto;
    }
    .contenedor{

        
    }
   .t_logo{
       width: 30%;
       margin-left: 75px;
       top: 0px;
   }
   .t_logo img{
    width: 68%;
    position: relative;
    top: 8px;
    height: 100%
       
    }
    .t_contact {
        display: flex;
        align-items: flex-start;
        height: 60px;
    }
    .t_redes {
        position: absolute;
        right: 102px;
        top: 0;
        color: #183E6B;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
    }
    .t_comunicaciones {
        
        top: 30px;
        right: 0px;
        font-family: MyriadPro-Ligh;
    }
    .t_buscar {
        position: relative;
        margin-left: 0px;
        margin-right: 0px;
        right: 35px;
        top: -25px;
    }
    .t_user {
        top: 8px;
        right: 251px;
    }
    .lupa{
        top: 32px;
        left: -23px;
    }
    .menu_inactive{
        display: none;
    }
      

      #header {
          top: 0;
          right: auto;
          display: block;
      }
      .title {
        position: relative;
        color: #ffff;
        font-family: sans-serif;
        font-size: 1.2rem;
        font-weight: bolder;
        top: 14px;
        right: 0px;
        left: 90px;
    }
    .compra {
        display: block;
        position: absolute;
        top: -14px;
        right: -404px;
        text-decoration: none;
        font-family: sans-serif;
    }
    .car{
        margin-left: 0px;
        left: 0;
        top: 0;
    }
    
    .item{
        width: 120px;
        display: none;
    }
    .t_baner{
        display: none;
    }
    .banner_movil{
        display: block;
    }
    .banner_movil{
        height: 100%;
        width: 100%;
    }
    .carousel{
        margin-top: 0;
        margin: 0 75px auto;
        width: 83%;
    }
    .carousel__anterior {
        left: -35px;
    }
    .carousel__siguiente {
        right: 65px;
    }
    .carousel__anterior, .carousel__siguiente {
    
        z-index: 50;
    }
    .carousel__indicadores{
        display: none;
    }

    .producto{
        max-width: 150px;
        min-width:0;
    }
    .p_ficha_tec{
        font-size: .9rem;
    }
    .pie{
    position: relative;
    height: auto;
    bottom: 0;
    }
    .pie_contactos{
        margin: auto;
        width: 280px;
    }
    .p_c_log img{
        width: 80%;
    } 
    .p_redes{

    }
    .pie_tex{
        position: relative;
        margin-top: 10px;
        left: 10px;
    }
    
  }
  
  @media (max-width:542px){
      .t_logo img{
          width: 95%;
      }
      .compra{
          right: auto;
          left: 479px;
      }
      .t_redes{
          right: 85px;
      }
      .icon{
          margin-left: 0;
      }
      .icon img{
          width: 25px;
      }
      .t_user{
          right: 197px;
      }
      

  }
  @media (max-width:450px){
      .t_user{
          display: none;
      }
      .t_user2{
          display: block;
          position: absolute;
          top: 90px;
          right: 47px;
          font-family: 'MyriadPro-Ligh';
          color: #ffffff;
          font-size: 1.4rem;
          z-index: 100;
      }
      .t_user2 a{
          color: #ffffff;
          text-decoration: none;
          font-size: 1.4rem;
      }
      .t_comunicaciones{
          right: -44px;
      }
      .t_logo{
          width: 40%;
          margin-left: 80px;
      }
      .t_redes_menu{
          display: flex;
          position: absolute;
          bottom:0;
          left: 25%;
          
      }
      .t_redes_menu a{
          margin-left: 10px;
          margin-right: 10px;
          color: #ffffff;
          font-size: 2rem;
      }
      .t_logo_menu{
          width: 51%;
        display: block;
        position: absolute;
        bottom: 50px;
        left: 25%;
      }
      .t_logo_menu img{
          width: 100%;
          height: 100%;
      }
      .buscador_input{
        position: absolute;
        left: -1px;
        top: 0px;
        height: 34px;
      }
      .buscar_active{
        width: 150px;
        left: -152px;
      }
  }
  @media (max-width:450px){
      .t_logo{
          width: 45%;
          margin: auto;
      }
      .t_logo img{
          top:14px;
      }
      .t_redes{
          display: none;
      }
      .t_buscar{
          top: -10px;
          border-style: solid;
          border-color: rgba(0, 0, 0, 0.1);
          border-width: 1px;
          padding: .45rem .95rem;
          height: 40px;
          width: 56px;
          border-radius: .25rem;
          margin-right: 10px;
      }
      .lupa{
          font-size: 1.3rem;
          top: 3px;
          left: 0px;
          
          height: 30px;
      }
      .t_banner img{
         
      }
  }
  .ocultar{
      display:none;
  }